@{
    ViewBag.CurrentPage = WebApp.Common.PageSetting.TemplateNewPageSetting;
    var sectionId = (Request.IsAjaxRequest() ? "Ajax" : "View") + "_Template_Add";
}
@section Scripts{
    <script type="text/javascript">

        require(['Template/add'], function (api) {
            $(function () { api.exec('@sectionId'); });
        });
    </script>
}
<div class="container" data-bind="stopbinding: true">
    <section id="@sectionId">
        <div class="row ">
            <div class="col-xs-12 col-sm-12 col-md-6">
                <div class="row">
                    <div class="form-group">
                        <div class="col-md-10">
                            <label for="name">Name</label>
                            <input id="name" class="form-control " data-bind="value: name" placeholder="Name" required />
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group">
                        <div class="col-md-10">
                            <label for="value">Value</label>
                            <textarea id="value" class="form-control" rows="6" data-bind="value : value" placeholder="Value" required></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <div class="col-xs-12 col-sm-12 col-md-12  center">
                        <button class="btn btn-primary btn-lg" data-bind="click:save">Submit</button>&nbsp;&nbsp;&nbsp;&nbsp;
                        <button class="btn btn-primary btn-lg" data-bind="click: cancel">Cancel</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>


